//菜单显示隐藏
$('.x').click(function () {
    $('.x').css({ 'visibility': 'hidden', 'opacity': ' 0' });
    $('.g').css({ 'visibility': 'inherit', 'opacity': '1' });
    $('.menu').addClass('show-menu');
})
$('.g').click(function () {
    $('.x').css({ 'visibility': 'inherit', 'opacity': '1' });
    $('.g').css({ 'visibility': 'hidden', 'opacity': ' 0' });
    $('.menu').removeClass('show-menu');
})
//切换
$(function () {
    function text() {
        $('.brand-list').each(function (index, item) {
            if ($(this).offset().top - $(window).scrollTop() < 100) {
                $('.ovfs-item').eq(index).addClass('active').siblings().removeClass('active')
            }
        })
    }
    text()
    $(window).scroll(function () {
        text()
    })
})
$('.ovfs-item').click(function () {
    var i = $(this).index();
    var top1 = $('.brand-list').eq(i).offset().top;
    $('html').animate({ 'scrollTop': top1 - 87}, 200)
})
//回到顶部
$('.jt').on('click', function () {
    $(window).scroll();
    $('html').animate({ scrollTop: 0 });
});
//tab切换数据渲染
function gettab() {
    $.ajax({
        url: '../php/getData.php',
        type: 'get',
        dataType: 'json',
        success: function (data) {
            console.log()
            //渲染
            let html = "";
            var l = 0;
            var ind = 0;
            data.forEach(function (item, index) {
                html += `
                <li>
                <div class="goods-img-top"><a href="#" class="">
                <img
                    src="${item.url}">
                <div class="img-bg">
                    <div class="img-logo">
                        <img
                            src="${item.logo}">
                    </div>
                    <div class="discount">"${item.desc}"</div>
                </div>
            </a></div>
            </li>
                `
                ind++;
                if (ind % 8 == 0) {
                    $(".list-img ul").eq(l).html(html);
                    l++;
                    html = "";
                }
            });
        }
    })
}
gettab();

// 跳转
// ; (function () {
//     $('.bar-header').on('click', '.bar-left a', function (e) {
//         e.preventDefault();
//             history.go(-1);
//             console.log(111)
//     });
//     $('.menusWrap').on('click', '.flex-item:nth-of-type(1) ', function (e) {
//         e.preventDefault();
//         location.href = '../index.html'
//     })
   
// })()
